<template>
        <el-container class="nav">
            <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
               <Aside/>
            </el-aside>
            <router-view/>
        </el-container>
</template>

<script>
    import Aside from "./Aside";
    import FamousHospital from "./FamousHospital";
    import FamousSpeciality from "./FamousSpeciality";
    import FamousDoctor from "./FamousDoctor";
    export default {
        name: "Main",
        components: {FamousDoctor, FamousSpeciality, FamousHospital, Aside}
    }
</script>

<style scoped>

    .nav{
        height: 500px;
        width: 1200px;
        margin-left: 160px;
        border: 1px solid #775637;
    }
</style>